
require('./index.css');
var _mm     = require('util/mm.js');
// 通用页面头部
var header = {
    init : function(){//实际上这里只做了一个keyword提交和跳转到list页，其他逻辑在list页面处理
        this.onLoad();
        this.bindEvent();
    },
    onLoad : function(){
        var keyword = _mm.getUrlParam('keyword');
        // keyword存在，则回填输入框
        if(keyword){
            $('#search-input').val(keyword);
        };
    },
    bindEvent : function(){
        var _this=this;
        
        // 点击搜索按钮以后，做搜索提交
        $('#search-btn').click(function(){
            
            _this.searchSubmit();//因为不是jquery的选择器所以this不生效，要var _this = this;
        });
        // 输入会车后，做搜索提交
        $('#search-input').keyup(function(e){//  keyCode 属性无法再 Firefox 浏览器中工作。但是 which 属性可以。如果浏览器支持 event.which 则使用 event.which，否则使用 event.keyCode 
            // 13是回车键的keyCode
            if(e.keyCode === 13){
                _this.searchSubmit();
            }
        });
    },
    // 搜索的提交
    searchSubmit : function(){
        var keyword = $.trim($('#search-input').val());
        // 如果提交的时候有keyword,正常跳转到list页
        if(keyword){
            window.location.href = './list.html?keyword=' + keyword;
        }
        // 如果keyword为空，直接返回首页
        else{
            _mm.goHome();
        }
    }
};
header.init();//不输出
